<template>
  <div class="ka-1">
    <div class="ka-2">
      <div class="maxse-1">
        <div class="icon-1">
          <img :src="item.icon" v-if="item.icon" class="img-1" />
          <img src="../../../assets/head/t-1.png" v-else class="img-1" />
        </div>
        <div>
          <div>{{ item.name }}</div>
          <div class="ping-1">
            <el-rate
              :model-value="Number(item.evaluationScore)"
              allow-half
              disabled
            /><span>{{ item.evaluationNum }}人次</span>
          </div>
          <div class="shou-1">
            <div class="tu-1">
              <img
                src="../../../assets/head/s-2.png"
                v-if="item.isCollection === '1'"
              />
              <img src="../../../assets/head/s-1.png" v-else />
            </div>
            <div>{{ item.collectionNum }}人已收藏</div>
          </div>
        </div>
      </div>
      <div><el-button type="warning">办理</el-button></div>
    </div>
    <div class="ji-1">基本信息</div>
    <el-divider />
    <div>
      <div class="sks-1">
        <span class="sp-1">上线时间:</span
        ><span class="ites">{{ item.onlineTime }}</span>
      </div>
      <div class="sks-1">
        <span class="sp-1">管理单位:</span
        ><span class="ites">{{ item.dwmc }}</span>
      </div>
      <div class="sks-1">
        <span class="sp-1">应用标签:</span
        ><span class="ites">{{ item.tag }}</span>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup>
defineProps<{
  item: any
}>()
</script>

<style lang="scss" scoped>
.ka-1 {
  width: 100%;
}
.ka-2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.icon-1 {
  width: 80px;
  height: 80px;
  margin-right: 10px;
}
.ping-1 {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.img-1 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shou-1 {
  display: flex;
  padding: 3px;
  box-sizing: border-box;
  .tu-1 {
    margin-top: 3px;
    margin-right: 3px;
    cursor: pointer;
  }
}
.maxse-1 {
  display: flex;
  align-items: center;
}
.ji-1 {
  margin-top: 10px;
}
.sks-1 {
  margin: 5px 0;
}
.sp-1 {
  color: #a8a8a8;
  font-size: 14px;
}
.ites {
  margin-left: 10px;
  font-size: 12x;
}
</style>
